page {
  background: #eeeeee;
}
.wrapper {
  width: 690rpx;
  margin: 24rpx auto;
  border-radius: 12rpx;
  padding-bottom: 200rpx;
  .card {
    position: relative;
    margin-bottom: 20rpx;
    border-radius: 12rpx;
    overflow: hidden;
    box-sizing: border-box;
    border: 3rpx solid var(--td-bg-color-container, #fff);
    background-color: #fff;
    padding-right: 20rpx;
  }
  
  .card--active {
    border-color: var(--td-brand-color, #00b383);
  }
  
  .card--active::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    border-width: 28px 28px 28px 0;
    border-style: solid;
    border-color: var(--td-brand-color, #00b383) transparent transparent transparent;
  }
  
  .card__icon {
    color: var(--td-bg-color-container, #fff);
    position: absolute;
    left: 1.5px;
    top: 1.5px;
    z-index: 1;
  }
}